<!--
+----------------------------------------------------------------------
| 友得云客  - 开启房产营销新纪元
+----------------------------------------------------------------------
| Copyright (c) 2019~2023 优得（西安）信息科技有限公司版权所有
+----------------------------------------------------------------------
| Licensed 友得云客不是自由软件 未经允许不可移除相关版权
+----------------------------------------------------------------------
| Author: www.youdeyunke.com
+----------------------------------------------------------------------
-->
<template>
    <div class="text" :style="{
        fontWeight: fontWeight,
        fontSize: fontSize,
        fontStyle: fontStyle,
        color: fontColor,
    }" v-cloak>
        <slot></slot>
    </div>
</template>

<script>
export default {
    data () {
        return {};
    },
    props: {
        data: { type: Object, default: {} },
    },

    mounted: function () { },

    computed: {
        fontSize: function () {
            return this.data.fontSize + "px";
        },
        fontColor: function () {
            return this.data.color || "#333333";
        },
        fontStyle: function () {
            return this.data.fontStyle || "normal";
        },
        fontWeight: function () {
            return this.data.fontWeight || "normal";
        },
    },

    methods: {},
};
</script>

<style scoped></style>